<!-- 消防设备分布 -->
<template>
	<view class="page">
		<view class="bd-info">
			<view class="col" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
				<text>泵房水池</text>
				<view class="colo-r">
					<view class="hb">1</view>
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>

		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>高位补水箱</text>
				<view class="colo-r">
					<view class="hb">231</view>
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>接合器</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>消防主机</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>消防控制柜</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>消防水泵</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>湿式报警阀组</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>灭火器</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
		<view class="bd-info" @click="navTo('/pageSecurity/firefacility/firefacilitySiteInfo')">
			<view class="col">
				<text>感温探测器</text>
				<view class="colo-r">
					<u-icon name="arrow-right" color="#999999"></u-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.colo-r {
		display: flex;
		align-items: center;

		.hb {
			padding: 0 10upx;
			margin-right: 22upx;
			min-width:40upx;
			height: 40upx;
			border-radius: 20upx;
			font-size: 26upx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			background: #F74D39;
			@include flexCenter;
		}
	}
</style>
